<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">



<ui:composition template="../WEB-INF/plantilla/layout.xhtml">

	<ui:define name="header">
		
		<style type="text/css">
            .si {
                background-color: #6CE26C !important;
                background-image: none !important;
                color: #000000 !important;
            }
            
            .no {
                background-color: #BEF781 !important;
                background-image: none !important;
                color: #000000 !important;
            }
        </style>
	
	</ui:define>
	
	<ui:define name="contenido">

		<h:form id="frmDiagnosticoHistoriaClinica">

			<p:messages id="msj" showSummary="true" showDetail="false" 
				severity="info"></p:messages>

			
			<p:panel header="Diagnósticos de Pacientes" id="panelRes">


	    	<h:panelGrid columns="3">
	    		
				
				<p:contextMenu for="tbl">  
        			  
        			<p:menuitem value="Diagnosticar" update="display tbl tbl2" actionListener="#{diagnos.diagnosticar}"
        			oncomplete="PF('diagDialog').show()" /> 
        			 
        			<p:menuitem value="Medico1 --> SI" update="display tbl tbl2" actionListener="#{diagnos.cambiarMedico1Si}"
        			oncomplete="PF('diagDialog').show()"  />
        			
        			<p:menuitem value="Medico1 --> NO" update="display tbl tbl2" actionListener="#{diagnos.cambiarMedico1No}"
        			oncomplete="PF('diagDialog').show()"  />
        			
        			<p:menuitem value="Medico2 --> SI" update="display tbl tbl2" actionListener="#{diagnos.cambiarMedico2Si}"
        			oncomplete="PF('diagDialog').show()"  />
        			
        			<p:menuitem value="Medico2 --> NO" update="display tbl tbl2" actionListener="#{diagnos.cambiarMedico2No}"
        			oncomplete="PF('diagDialog').show()"  />
        			 
    			</p:contextMenu>
    
    				
	    				<p:dataTable id="tbl" var="res" style="width: 80%;display: block;float: left;"
						widgetVar="diagTable" emptyMessage="Pacientes no encontrados segun criterio"
						selection="#{diagnos.diagnostico}" paginator="true" rows="10" disabledSelection="true" 
						selectionMode="single" rowKey="#{res.correlativo}" value="#{diagnos.list}"  
						 >
		
						<p:column headerText="Número" >
							<h:outputText value="#{res.correlativo}" />
						</p:column>
						
						<p:column filterBy="numeroHistoriaClinica"  headerText="Historia"  >
							<h:outputText value="#{res.numeroHistoriaClinica}" />
						</p:column>
	
						<p:column filterBy="nombreCompletoPaciente" headerText="Nombres">
							<h:outputText value="#{res.nombreCompletoPaciente}" />
						</p:column>
	
						<p:column headerText="Sistema">
							<h:outputText value="#{res.s_diag_sistema}" />
						</p:column>
						
						<p:column headerText="Médico 1">
							<p:cellEditor>
								<f:facet name="output"><h:outputText value="#{res.s_diag_medico}" /></f:facet>
								<f:facet name="input"><p:inputText value="#{res.s_diag_medico}"/></f:facet>
							</p:cellEditor>
						</p:column>
						
						<p:column headerText="Aserto?">
							<h:graphicImage library="images" name="#{res.aserto}.png" />
						</p:column>
						
						<p:column headerText="Medico 2">
							<p:cellEditor>
								<f:facet name="output"><h:outputText value="#{res.s_diag_medico2}" /></f:facet>
								<f:facet name="input"><p:inputText value="#{res.s_diag_medico2}"/></f:facet>
							</p:cellEditor>
						</p:column>
						
						<p:column headerText="Aserto?">
							<h:graphicImage library="images" name="#{res.aserto2}.png" /> 
						</p:column>
	        
					</p:dataTable>

					<p:dataTable id="tbl2" var="res2" style="width: 20%;display:block;float:left;"
						value="#{diagnos.metricas}" >
	
						<p:column  headerText="Métricas">
							<h:outputText value="#{res2.nombre}" />
						</p:column>
						
						<p:column headerText="2Médicos">
							<h:outputText value="#{res2.valor1}" />
						</p:column>
	
						<p:column headerText="SISDSM">
							<h:outputText value="#{res2.valor2}" />
						</p:column>
					</p:dataTable>
    				
    			
    			</h:panelGrid>
    
								
				 <p:dialog header="DIAGNOSTICO" widgetVar="diagDialog" resizable="false"  
              width="200" showEffect="clip" hideEffect="fold" id="dialog">  
  
		        <h:panelGrid id="display" columns="2" cellpadding="4">  
		  
		            <f:facet name="header">  
		                <h:outputText value="Resultado:" />  
						<p:messages id="msj2" showSummary="true" showDetail="false" 
							severity="info"></p:messages>
  
		            </f:facet>  
		  
		        </h:panelGrid>  
		    </p:dialog>

			</p:panel>

		</h:form>


	</ui:define>
</ui:composition>

</html>
